<template>
  <div class="custom-tooltip">
    <p><span>{{ params.value }}</span></p>
  </div>
</template>

<script>
export default {
    data () {
        return {
        };
    },
    beforeMount () {
    }
};
</script>

<style lang="scss" scoped>
.custom-tooltip {
  background: #303133;
  color: #fff;
  position: absolute;
  top:0;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 1s;
}

.custom-tooltip.ag-tooltip-hiding {
  opacity: 0;
}

.custom-tooltip p {
  margin: 5px;
  white-space: nowrap;
}

.custom-tooltip p:first-of-type {
  font-weight: bold;
}
</style>
